import { Input, Radio } from "antd"
import React from "react"
import './index.scss'

const RadioGroup = Radio.Group
const UserInfo = () => {
  return (
    <div className="user-info">
      <table className="user-info-table">
        <thead>
          <tr>
            <th className="config-head-title"></th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td className="config-title">性别</td>
            <td>
            <RadioGroup >
              <Radio key="a" value={1}>男</Radio>
              <Radio key="b" value={2}>女</Radio>
            </RadioGroup>
            </td>
          </tr>
          <tr>
            <td className="config-title">个人简介</td>
            <td>
              <textarea className="user-intro" rows={4} maxLength={150}/>
            </td>
          </tr>
          <tr>
            <td className="config-title">个人网站</td>
            <td>
              <input className="user-net" type="text"/>
            </td>
          </tr>
        </tbody>
      </table>
      <button className="save-btn">保存</button>
    </div>
  )
}

export default UserInfo
